vue.js 页面滚动位置控制

页面跳转时页面展示在 y轴100px的位置。

const router = new VueRouter({
  routes,
  mode: 'history',
  scrollBehavior(to,from,savedPosition){
   return{x:0,y:100}

  }
})

页面跳转时展示在 第一个clas btn元素的位置。

const router = new VueRouter({
  routes,
  mode: 'history',
  scrollBehavior(to,from,savedPosition){
     return{selector:'.btn'}

  }
})

页面跳转时展示之前跳转前的位置。

const router = new VueRouter({
  routes,
  mode: 'history',
  scrollBehavior(to,from,savedPosition){
  // return{x:0,y:100}
  //   return{selector:'.btn'}
    if(savedPosition){
      savedPosition;
    }else{
      return{x:0,y:0}
    }
  }
})

☕ 请作者喝杯咖啡

微信支付 支付宝

长按识别 或 截图后微信扫一扫

长按识别 或 截图后支付宝扫一扫